import {TagParser} from './parse-tag';
import {Tokenizer} from "./templete/tokenizer";
import {Parser} from './templete/parser';
import {CodeGen} from './templete/codegen';

import {h} from './vnode/h';
import {createElement} from './vnode/create'
class Program{
    public static Main(){
        // let _tagParser:TagParser=new TagParser();
        // //test div
        // _tagParser.parseHtml(`
        //     <div id="demo" style="color:red">
        //         hello wrold
        //         <p style="height:100px;"/>
        //     </div>
            
        // `);
        


        let ttstr=`
            <div id="demo" style="color:red">
                     dddd    hello wroldx
                <p style="height:100px;" />
                <div name="123"></div>
            </div>
        `;
        let ifStr=`
        {each tags as value i}
            {if i % 2 == 0}
                <li style='color: red'>#{i + 1} ：{value}</li>
            {else}
                <li style='color: blue'>#{i + 1} ：{value}</li>
            {/if}
        {/each}
     
 
`
        // var tokens=new Tokenizer(ifStr);
        // while (!tokens.eof) {
        //     console.log(JSON.stringify(tokens.nextToken()));
        // }
        // let parser=new Parser(ifStr);
        // let codegen=new CodeGen(parser.parse());
        // console.log(codegen.body);
        //console.log(JSON.stringify(parser.parse()));


          let aa=  h("div",{
                id:"testee",
                 style:{
                    color:"red"
                }
               
            },["qwqeew",h("span",{
                style:{
                    fontSize:"100px",
                }
            },["ppp"])
            ])
           let node= createElement(aa);
           document.body.appendChild(node);
       setTimeout(function() {
            document.getElementById("testee").style.color="red";
       }, 111);
//     let node= document.createElement("div");
//     let textnode=document.createTextNode("hahah");
    
//   node.appendChild(textnode);
//     node["style"]["color"]="red";
// document.body.appendChild(node);
    }
}
Program.Main();



